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Introductions 
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Introduction 


What is a Flowchart? 

• A flowchart is a visual representation of the sequence of steps and 
decisions needed to perform a process 

• Each step in the sequence is noted within a diagram shape 

• Steps are linked by connecting lines and directional arrows. This 
allows anyone to view the flowchart and logically follow the process 
from beginning to end. 

•They are widely used in multiple fields to document, study, plan, 
improve and communicate often complex processes in clear, easy-to- 
understand diagrams. 
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Common symbols 


ANSI/ISO 

Shape 

Name 

Description 

- ► 

Flowline 

(Arrowhead)! 15 ) 

Shows the process's order of operation. A line coming from one symbol and pointing at another.! 14 ) Arrowheads are added 
if the flow is not the standard top-to-bottom, left-to right.! 15 ) 

CD 

Terminal! 14 ) 

Indicates the beginning and ending of a program or sub-process. Represented as a stadium,! 14 ) oval or rounded (fillet) 
rectangle. They usually contain the word "Start" or "End", or another phrase signaling the start or end of a process, such as 
"submit inquiry" or "receive product". 




Process! 15 ) 

Represents a set of operations that changes value, form, or location of data. Represented as a rectangle.! 15 ) 

o 

Decision! 15 ) 

Shows a conditional operation that determines which one of the two paths the program will take.! 14 ) the operation is 
commonly a yes/no question or true/false test. Represented as a diamond (rhombus).! 15 ) 

/ 7 

Input/Output! 15 ) 

Indicates the process of inputting and outputting data,! 15 ) as in entering data or displaying results. Represented as a 

parallelogram.! 14 ) 


Annotation! 14 ) 

(Comment)! 15 ) 

Indicating additional information about a step the program. Represented as an open rectangle with a dashed or solid line 
connecting it to the corresponding symbol in the flowchart.! 15 ) 




Predefined 

Process! 14 ) 

Shows named process which is defined elsewhere. Represented as a rectangle with double-struck vertical edges.! 14 ) 

o 

On-page 

Connector! 14 ) 

Pairs of labeled connectors replace long or confusing lines on a flowchart page. Represented by a small circle with a letter 

inside.! 14 )! 18 ) 

Q 

Off-page 

Connector! 14 ) 

A labeled connector for use when the target is on another page. Represented as a home plate-shaped pentagon.! 14 )! 18 ) 
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https://en.wikipedia.org/wiki/Flowchart 





































Common symbols 


Shape 

Name 

Description 




Data File or Database 

Data represented by a cylinder (disk drive). 




Document 

Single documents represented a rectangle with a wavy base. 




Multiple documents represented stacked rectangle with a wavy base. 

O 

Manual operation 

represented by a trapezoid with the longest parallel side at the top, to represent an operation or adjustment to process that 
can only be made manually. 




Manual input 

Represented by quadrilateral, with the top irregularly sloping up from left to right, like the side view of a keyboard. 

< > 

Preparation or 

Initialization 

Represented by an elongated hexagon, originally used for steps like setting a switch or initializing a routine. 



https://en.wikipedia.org/wiki/Flowchart 


































1. Turn on light for 2 sec, off. Wait 2 sec, end program 





Examples 
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Examples 


2. Looking for lost item 






Start 


v 


Look for 
lost item 


<e 


Did you 
find it? 


—No- 


Yes 

I 


Stop looking <- 
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Examples 


3. Divide age flowchart 
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No 























Examples 


4. Programming: 





Start 
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Useful Links 


Dia Software: 

• https://sourceforge.net/projects/dia-installer/files/dia-win32- 
installer/0.97.2/dia-setup-0.97.2-2-unsigned.exe/download 


Examples: 

• https://www.smartdraw.com/flowchart/examples/ 

• https://www.lucidchart.com/pages/templates/flowcharta 

• https://www.edrawsoft.com/flowchart-exarnples-for- 
students.php 
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Thanks For Attentions 



